<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Intranet App San Isidro</title>

        <meta name="description" content="User login page" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet"  href=" <?php echo base_url("assets/css/bootstrap.min.css") ?> "/>
        <link rel="stylesheet" href=" <?php echo base_url("assets/css/bootstrap-responsive.min.css") ?> "/>
        <link rel="stylesheet"  href=" <?php echo base_url("assets/css/font-awesome.min.css") ?>"/>
        <link rel="stylesheet" href="<?php echo base_url("assets/css/ace.min.css") ?>" />
        <link rel="stylesheet" href="<?php echo base_url("assets/css/ace-responsive.min.css") ?>"/>
        <link rel="stylesheet" href="<?php echo base_url("assets/css/ace-skins.min.css") ?>" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <style>
            @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 300;
                src: local('Open Sans Light'), local('OpenSans-Light'), url(<?php echo base_url("assets/font/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff") ?>) format('woff');
            }
            @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 400;
                src: local('Open Sans'), local('OpenSans'), url(<?php echo base_url("assets/font/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") ?>) format('woff');
            }
        </style>
    </head>

    <body class="login-layout">
        <div class="main-container container-fluid">
            <div class="main-content">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="login-container">
                            <div class="row-fluid">
                                <div class="center">
                                    <h1>
                                        <i class="icon-leaf green"></i>
                                        <span class="red">San Isidro</span>
                                        <span class="white">App</span>
                                    </h1>
                                    <h4 class="blue">&copy; Hotel San Isidro</h4>
                                </div>
                            </div>

                            <div class="space-6"></div>

                            <div class="row-fluid">
                                <div class="position-relative">
                                    <div id="login-box" class="login-box visible widget-box no-border">
                                        <div class="widget-body">
                                            <div class="widget-main">
                                                <h4 class="header blue lighter bigger">
                                                    <i class="icon-coffee green"></i>
                                                    Por favor, ingrese su información
                                                </h4>

                                                <div class="space-6"></div>

                                                <form action="<?php echo base_url('acceso/validar'); ?>" method="post">
                                                    <fieldset>
                                                        <label>
                                                            <span class="block input-icon input-icon-right">
                                                                <input type="text" class="span12" placeholder="Usuario"  id="usu" name="usu" value="administrador" />
                                                                <i class="icon-user"></i>
                                                            </span>
                                                        </label>

                                                        <label>
                                                            <span class="block input-icon input-icon-right">
                                                                <input type="password" class="span12" placeholder="Clave"  id="pass" name="pass" value="12345"/>
                                                                <i class="icon-lock"></i>
                                                            </span>
                                                        </label>

                                                        <div class="space"></div>

                                                        <div class="clearfix">

                                                            <button id="loguear" class="width-35 pull-right btn btn-small btn-primary" type="submit" >
                                                                <i class="icon-key"></i>
                                                                Ingresar
                                                            </button>
                                                        </div>

                                                        <div class="space-10"></div>
                                                        <?php
                                                        if (isset($error)) {
                                                            echo "<div class='alert alert-error' >
                                                                <button class='close' data-dismiss='alert' type='button'>
                                                                <i class='icon-remove'></i></button><span>" . $error . "</span></div>";
                                                        }
                                                        ?>
                                                        <?php
                                                        if (!validation_errors() == "") {
                                                            echo "<div class='alert alert-error' >
                                                                <button class='close' data-dismiss='alert' type='button'>
                                                                <i class='icon-remove'></i></button>" . validation_errors() . "</div>";
                                                        }
                                                        ?>

                                                    </fieldset>

                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="<?php echo base_url("http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"); ?>"></script>
        <script type="text/javascript">
            window.jQuery || document.write("<script src='<?php echo base_url('assets/js/jquery-2.0.3.min.js'); ?>'>" + "<" + "/script>");
        </script>
        <script type="text/javascript">
            if ("ontouchend" in document)
                document.write("<script src='<?php echo base_url("assets/js/jquery.mobile.custom.min.js"); ?>'>" + "<" + "/script>");
        </script>
        <script src="<?php echo base_url("assets/js/bootstrap.min.js"); ?>"></script>
        <script src="<?php echo base_url("assets/js/ace-elements.min.js"); ?>"></script>
        <script src="<?php echo base_url("assets/js/ace.min.js"); ?>"></script>
        <script type="text/javascript">
            function show_box(id) {
                $('.widget-box.visible').removeClass('visible');
                $('#' + id).addClass('visible');
            }
        </script>
    </body>
</html>
